// 专业


// 新增专业
$('#addSubjectsBtn').click(function () {
    // 获取页面上用户输入的专业名称
    const name = $('#subjectsName').val();
    // 通过 ajax 将新的专业名称发送给后端
    $.ajax({
        url: '/subjects/createSubjects',
        type: 'POST',
        data: {
            name
        },
        success(res) {
            if (res.code) {
                alert('专业数据新增成功');
            } else {
                alert('专业数据新增失败');
            }
        }
    })
})

showSubjects();

async function showSubjects() {
    const subjectsData = await getSubjectsData();
    subjectsTableRender(subjectsData);
    subjectsSelectRender(subjectsData);
    // 根据专业获取班级
    getClassesBySubjectsId(subjectsData[0]._id);
}
// 获取所有专业数据
function getSubjectsData() {
    return new Promise((resolve, reject) => {
        $.ajax({
            url: '/subjects/getSubjects',
            success(res) {
                if (res.code) {
                    resolve(res.result);
                }
            }
        })
    })
}
// 将专业数据渲染成 table 表格
function subjectsTableRender(data) {
    const subjectsHtml = data.map(item => {
        return `
            <tr>
                <td>${item._id}</td>
                <td>${item.name}</td>
                <td>
                    <a href="#">修改</a>
                    <a href="#">删除</a>
                </td>
            </tr>
        `
    }).join('');
    $('#subjectsTb').html(subjectsHtml);
}
// 新增班级：将专业数据渲染成 select 下拉列表
function subjectsSelectRender(data) {
    const subjectsHtml = data.map(item => `<option value="${item._id}">${item.name}</option>`).join('');
    $('#subjectsId').html(subjectsHtml);
    // 渲染新增学生页面的专业列表
    $('#studentSubject').html(subjectsHtml);
    // 修改学生
    $('#updateSubjectsId').html(subjectsHtml);

}